<template>
	<div class="mainContent">
		<pathTracking :path="Model.path" />
		<div class="container">
			<!-- 一级tabs -->
			<div class="tabBox">
				<div class="tabBoxStep">
					<p>345666 （条码）属性信息</p>
				</div>
				<el-row class="detailTable">
					<div class="detailTableItemTitle">
						<span class="detailTableImgSmall"></span>
						<p class="text">属性信息</p>
					</div>
					<div class="detailTableDetail">
						<el-table :data="Model.tableData" border style="width: 100%;max-height:550px">
							<el-table-column prop="customNumber" label="条码" width="100"></el-table-column>
							<el-table-column prop="goodType" label="商品号" width="120"></el-table-column>
							<el-table-column prop="category" label="款号" width="150"></el-table-column>
							<el-table-column prop="lettering" label="款式名称" width="120"></el-table-column>
							<el-table-column prop="barCode" label="产品大类" width="200"></el-table-column>
							<el-table-column prop="price" label="产品中类" width="120"></el-table-column>
							<el-table-column prop="specialCustom" label="产品小类-品类" width="120"></el-table-column>
							<el-table-column prop="remark" label="系列" width="120"></el-table-column>
							<el-table-column prop="mainCount" label="销售分类" width="120"></el-table-column>
							<el-table-column prop="mainCount1" label="特殊印记" width="120"></el-table-column>
							<el-table-column prop="mainCount2" label="定制编码" width="120"></el-table-column>
							<el-table-column prop="mainCount3" label="是否采购成品" width="120"></el-table-column>
						</el-table>
					</div>
					<div class="detailTableDetail">
						<el-table :data="Model.tableData" border style="width: 100%;max-height:550px">
							<el-table-column prop="customNumber" label="供应商款号" width="100"></el-table-column>
							<el-table-column prop="goodType" label="GIA腰码" width="120"></el-table-column>
							<el-table-column prop="category" label="颜色" width="150"></el-table-column>
							<el-table-column prop="lettering" label="净度" width="120"></el-table-column>
							<el-table-column prop="barCode" label="外观" width="200"></el-table-column>
							<el-table-column prop="price" label="形状" width="120"></el-table-column>
							<el-table-column prop="specialCustom" label="裸石克拉重" width="120"></el-table-column>
							<el-table-column prop="remark" label="实际克拉重" width="120"></el-table-column>
							<el-table-column prop="mainCount" label="切工" width="120"></el-table-column>
							<el-table-column prop="mainCount1" label="抛光" width="120"></el-table-column>
							<el-table-column prop="mainCount2" label="对称" width="120"></el-table-column>
							<el-table-column prop="mainCount3" label="荧光" width="120"></el-table-column>
						</el-table>
					</div>
				</el-row>
				<el-row class="detailTable">
					<div class="detailTableItemTitle">
						<span class="detailTableImgSmall"></span>
						<p class="text">工费信息</p>
					</div>
					<div class="detailTableDetail">
						<el-table :data="Model.tableData" border style="width: 100%;max-height:550px">
							<el-table-column prop="customNumber" label="金料费" width="100"></el-table-column>
							<el-table-column prop="goodType" label="副石费1" width="120"></el-table-column>
							<el-table-column prop="category" label="副石费1" width="150"></el-table-column>
							<el-table-column prop="lettering" label="风险费" width="120"></el-table-column>
							<el-table-column prop="barCode" label="喷蜡费" width="200"></el-table-column>
							<el-table-column prop="price" label="工费" width="120"></el-table-column>
							<el-table-column prop="specialCustom" label="系列" width="120"></el-table-column>
							<el-table-column prop="remark" label="销售分类" width="120"></el-table-column>
							<el-table-column prop="mainCount" label="特殊印记" width="120"></el-table-column>
							<el-table-column prop="mainCount1" label="定制编码" width="120"></el-table-column>
							<el-table-column prop="mainCount2" label="是否采购成品" width="120"></el-table-column>
						</el-table>
					</div>
				</el-row>
				<el-row class="detailTable">
					<div class="detailTableItemTitle">
						<span class="detailTableImgSmall"></span>
						<p class="text">国检属性信息</p>
					</div>
					<div class="detailTableDetail">
						<el-table :data="Model.tableData" border style="width: 100%;max-height:550px">
							<el-table-column prop="customNumber" label="检验证书类型" width="100"></el-table-column>
							<el-table-column prop="goodType" label="检验证书号" width="120"></el-table-column>
							<el-table-column prop="category" label="总质量" width="150"></el-table-column>
							<el-table-column prop="lettering" label="成色" width="120"></el-table-column>
							<el-table-column prop="barCode" label="金重" width="200"></el-table-column>
							<el-table-column prop="price" label="颜色" width="120"></el-table-column>
							<el-table-column prop="specialCustom" label="净度" width="120"></el-table-column>
							<el-table-column prop="remark" label="检验证书类型2" width="120"></el-table-column>
							<el-table-column prop="mainCount" label="检验证书号2" width="120"></el-table-column>
							<el-table-column prop="mainCount1" label="总质量" width="120"></el-table-column>
							<el-table-column prop="mainCount2" label="成色" width="120"></el-table-column>
							<el-table-column prop="mainCount3" label="金重" width="120"></el-table-column>
						</el-table>
					</div>
				</el-row>
			</div>
		</div>
	</div>
</template>

<script>
	import pathTracking from "@/components/common/pathTracking";
	import pagination from "@/components/common/pagination.vue";
	import advancedSearch from "@/components/common/filter/advancedSearch";
	import {
		getDateString
	} from "@/assets/js/common.js";
	import Model from "./model.js";
	import Controller from "./controller.js";
	export default {
		name: "barcodeDetail",
		mixins: [Model, Controller],
		components: {
			advancedSearch,
			pagination,
			pathTracking
		}
	};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="less">
	@import "./index.less";
</style>
